<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.slider.js"></script><!--SLIDE-->
<script type="text/javascript">
    jQuery(document).ready(function($) {
      $(".slider").slideshow({
        width      : 1000,
        height     : 400,
        transition : ['barLeft', 'barRight', 'rain', 'fountain']
      });
    });
  </script>
</head>

<body>
	<div id="pageTop">
		<div class="lineTopPage"> </div>
		<div id="header">
				<div id="logo"><img src="img/Toyota-logo.png" width="332" height="89" alt="logo-img" /></div>
				<div id="inforCompany">
					<h3>Công Ty Toyota Hiroshima Tân Cảng </h3>
					<h4>220 Bis-Điện Biên Phủ-Phường 22-Quận Bình Thạnh-HCM </h4>
					<img src="img/call.png" width="27" height="18" alt="call-img" />
					<h2>HOTLINE:0975.000.879 </h2>
				</div>
				<div class="lineHeader"><img src="img/line-header.png" width="671" height="8" alt="header-img"/> </div>
		</div>
		<div class="clear"></div>
	  <!-- Begin Menu -->
	  <div id="menu" class="menu opacity">
	    <ul>
	      <li><a href="index.html">Trang Chủ</a></li>
	      <li><a href="index.html" class="active">Giới Thiệu</a>
	      	<ul>
	      	<li><a href="index.html">Evolution Explode</a></li>
	      	<li><a href="index2.html">Evolution Random</a></li>
	      	<li><a href="index3.html">Awkward Fade</a></li>
	      	<li><a href="index4.html">Awkward Slide</a></li>
	      	
	      	</ul>
	      </li>
	      <li><a href="portfolio.html">Xe</a>
	        <ul>
	        	<li><a href="portfolio.html">Camry</a></li>
	        	<li><a href="portfolio2.html">Inova</a></li>
	        	<li><a href="portfolio3.html">Vision</a></li>
	      	  <li><a href="portfolio-post.html">Toyota</a></li>
	        </ul>
	      </li>
	      <li><a href="blog.html">Báo Giá</a>
	      </li>
	      <li><a href="fullwidth.html">Tin Tức</a>
	        <ul>
	      	  <li><a href="fullwidth.html">Full Width Page</a></li>
	      	  <li><a href="pagewithsidebar.html">Page with Sidebar</a></li>
	        </ul>
	      </li>
	      <li><a href="button-boxes-images.html">Liên Hệ</a>
	      	<ul>
	      	  <li><a href="button-boxes-images.html">Buttons Boxes Images</a></li>
	      	  <li><a href="columns.html">Columns</a></li>
	      	  <li><a href="typography.html">Typography</a></li>
	          <li><a href="tab-toggle-table.html">Tabs Toggle Tables</a></li>
	          <li><a href="testimonials.html">Testimonials</a></li>
	        </ul>
	      </li>
	    </ul>
	    <br style="clear: left" />
	  </div>
	  <!-- End Menu --> 
	</div>
	
	<div id="warrper">
			<!-- Begin Showcase -->
	    <div class="slider">
	      <div>
	        <img src="img/art/s1.jpg" alt=""/>
	      </div>
	      
	      <div>
	      	<div class="caption">Cras mattis consectetur purus sit amet fermentum.</div>
	        <img src="img/art/s2.jpg" alt=""/>
	        
	      </div>
	      
	      <div>
	      	<div class="caption">Nullam quis risus eget urna mollis ornare vel eu leo. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</div>
	        <img src="img/art/s3.jpg" alt=""/>
	      </div>
	      
	      <div>
	        <img src="img/art/s4.jpg" alt=""/>
	      </div>
	    </div>
	    <!-- End Showcase -->
		<div id="mainContent">
			<div class="saleProductModule">
            	<div class="headerModule"><h4>Sản Phẩm Bán Chạy </h4></div>
            	<div class="contentSaleProduct">
                	 <div class="blockSP">
                            <div class="view"><img src="img/img-saleProduct.jpg" width="245" height="200" alt="img-Product"/> </div>
                            <div class="desr">
                                <h4>INNOVA </h4>
                                <p>2 Tỷ </p>
                                <a href="#"><img src="img/button-readmore.png" width="108" height="29" alt="readmore"/> </a>
                            </div>
                     </div>
                     <div class="blockSP">
                            <div class="view"><img src="img/img-saleProduct.jpg" width="245" height="200" alt="img-Product"/> </div>
                            <div class="desr">
                                <h4>INNOVA </h4>
                                <p>2 Tỷ </p>
                                <a href="#"><img src="img/button-readmore.png" width="108" height="29" alt="readmore"/> </a>
                            </div>
                     </div>
                     <div class="blockSP">
                            <div class="view"><img src="img/img-saleProduct.jpg" width="245" height="200" alt="img-Product"/> </div>
                            <div class="desr">
                                <h4>INNOVA </h4>
                                <p>2 Tỷ </p>
                                <a href="#"><img src="img/button-readmore.png" width="108" height="29" alt="readmore"/> </a>
                            </div>
                     </div>
                     <div class="blockSP">
                            <div class="view"><img src="img/img-saleProduct.jpg" width="245" height="200" alt="img-Product"/> </div>
                            <div class="desr">
                                <h4>INNOVA </h4>
                                <p>2 Tỷ </p>
                                <a href="#"><img src="img/button-readmore.png" width="108" height="29" alt="readmore"/> </a>
                            </div>
                     </div>
            	</div>
            
            </div>
            <div class="clear"></div>
            <!-- End saleProduct -->
			<div class="newsModule">
            	<div class="headerModule"><h4>Tin Tức </h4></div>
            	<div class="contentNews">
            		<div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
		            <div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
		            <div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
		            <div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
            	</div>
            </div>
            <div class="clear"></div>
			<!-- End newsModule -->
			<div class="smileStoryModule">
					<div class="headerModule"><h4>Tin Tức </h4></div>
            	<div class="contentNews">
            		<div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
		            <div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
		            <div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
		            <div class="blockNM">
		            		<div class="view"><img src="img/img-product.jpg" width="200" height="150" alt="img-Product"/> </div>
		            		<div class="desr">
		            			<a href="#"><h5>Toyota Crowl 2013 - Thay đổi toàn diện </h5></a>
		            			<p>Dòng xe “quyền lực” thế hệ thứ 14 của hãng 
								xe Nhật Bản sở hữu kiểu dáng hiện đại, trang 
								bị động cơ mạnh mẽ và có giá bán khởi điểm 
								khoảng từ 41,5 nghìn USD. <p>
								<p>Đây là một trong những mẫu xe lâu đời nhất 
								trong gia đình Toyota đã ra mắt tại Nhật Bản... </p>
		            		</div>
		            </div>
            	</div>
			</div>
			<div class="clear"></div>
			<!-- End smileStory -->
		</div>
		<div class="clear"></div>
		 <!-- End MainContent -->
	</div>
	<div class="bgfooter">
		<div class="topBFooter">
				<div id="footer">
					<div class="topFooter">
						<ul>
							<li>
								<div class="view"><img src="img/img-fotter.jpg" width="55" height="55" alt="img-footer"/> </div>
								<div class="desr">
									<a href="#"> <h4>Mua Trả Gớp </h4></a>
									<p>Gorgeous design with time and attention dedicated to each and every pixel. </p>
								</div>
							</li>
							<li>
								<div class="view"><img src="img/img-fotter.jpg" width="55" height="55" alt="img-footer"/> </div>
								<div class="desr">
									<a href="#"> <h4>Mua Trả Gớp </h4></a>
									<p>Gorgeous design with time and attention dedicated to each and every pixel. </p>
								</div>
							</li>
							<li>
								<div class="view"><img src="img/img-fotter.jpg" width="55" height="55" alt="img-footer"/> </div>
								<div class="desr">
									<a href="#"> <h4>Mua Trả Gớp </h4></a>
									<p>Gorgeous design with time and attention dedicated to each and every pixel. </p>
								</div>
							</li>
							<li>
								<div class="view"><img src="img/img-fotter.jpg" width="55" height="55" alt="img-footer"/> </div>
								<div class="desr">
									<a href="#"> <h4>Mua Trả Gớp </h4></a>
									<p>Gorgeous design with time and attention dedicated to each and every pixel. </p>
								</div>
							</li>
							<li>
								<div class="view"><img src="img/img-fotter.jpg" width="55" height="55" alt="img-footer"/> </div>
								<div class="desr">
									<a href="#"> <h4>Mua Trả Gớp </h4></a>
									<p>Gorgeous design with time and attention dedicated to each and every pixel. </p>
								</div>
							</li>
							<li>
								<div class="view"><img src="img/img-fotter.jpg" width="55" height="55" alt="img-footer"/> </div>
								<div class="desr">
									<a href="#"> <h4>Mua Trả Gớp </h4></a>
									<p>Gorgeous design with time and attention dedicated to each and every pixel. </p>
								</div>
							</li>
						</ul>
					</div>
				</div>
		</div>
		<div class="lastFooter">
			<div class="lineFooter"><img src="img/line-footer.png" width="725" height="8" alt=""/> </div>
			<div class="lastContentF">
				<ul>
					<li>
						<p>CÔNG TY TOYOTA HIROSHIMA TÂN CẢNG </p>
						<p>220 BIS - ĐIỆN BIÊN PHỦ - PHƯỜNG 22 - QUẬN BÌNH THẠNH - HCM </p>		
					</li>
					<li class="contentFr">
						<p>ĐẠI DIỆN BÁN HÀNG - MS.PHƯỢNG 0975.000.879</p>
						<p>Email: toyotaphuong@gmail.com</p>		
					</li>

				</ul>
				<div id="copyright">Copyright © 2013 by <a href="#">New Wind Company.</a> </div>
			</div>


		</div>
		<!-- End Footer -->
	</div>
	<!--END WRAPPER -->
</body>

<script type="text/javascript" src="js/ddsmoothmenu.js"></script><!--MENU -->
<script type="text/javascript" src="js/jquery.superbgimage.min.js"></script><!--MENU-->
<script type="text/javascript" src="js/scripts.js"></script>
</html>
